<template>
    <div>
        商品总价：{{total}}
        <button @click="sub">点我减一</button>
    </div>
</template>

<script>
export default {
    data() {
        return {
            count:5,
            price:200
        };
    },
    methods: {
        sub(){
            this.count--
        }
    },
    computed:{
        // 语法：
        // commputed：{
        //     计算属性名（）{return 值}
        // }
        // 函数，函数名就叫计算属性名
        // price不能叫这个名字，不能和data中的数据重名
        // 必须要返回一个值，在计算中可以依赖其他数据
            total(){
                return this.count*this.price
            }
    }
};
</script>

<style lang="scss" scoped>

</style>